<!--
 * @author: Kate-sy
 * @create: 2021-06-23 15:28 PM
 * @license: MIT
 * @lastAuthor: Kate-sy
 * @lastEditTime: 2021-06-28 16:34 PM
 * @desc: 
-->
<template>
  <div class="adut-conter">
    <div class="adutitem" :key="item.img" v-for="item in advdata">
      <img :src="item.img" alt="" />
    </div>
  </div>
</template>
<script>
export default {
  name: "Advert",
  data() {
    return {
      advdata: [
        {
          img: "https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/377995cfb8fa4701a652eeed06c66fa1~tplv-k3u1fbpfcp-watermark.image",
        },
        {
          img: "https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e05fde1e8766448a89dbfeec4e28ba5f~tplv-k3u1fbpfcp-watermark.image",
        },
      ],
    };
  },
};
</script>
<style lang="scss" scoped>
.adut-conter {
  display: flex;
  flex-wrap: wrap;
  width: 240px;
  transition: all 0.3s linear;
  .adutitem {
    width: 100%;
    height: 200px;
    border-radius: 2px;
    margin-bottom: 15px;
    img {
      width: 240px;
      height: 200px;
      border-radius: 2px;
    }
  }
}
</style>